<template>
	<view class="userHomeBody">
		<view class="userHomeBody-content">
			<view class="body-top">
				<!-- 用户信息 -->
				<!-- <users-info></users-info> -->
				<!-- /用户信息 -->
				
				<!-- 用户行为 -->
				<users-common></users-common>
				<!-- /用户行为 -->
			</view>
			
			<view class="body-bottom">
				<!-- 用户钱包区 -->
				<users-wallet></users-wallet>
				<!-- /用户钱包区 -->
			
				<!-- 用户功能区 -->
				<users-function></users-function>
				<!-- /用户功能区 -->
			</view>
			

		</view>
		
	</view>
	
</template>

<script setup>
	import { reactive} from 'vue'
	import UsersFunction from './components/UserFunction/UsersFunction.vue'
	import UsersCommon from './components/UsersCommon/UsersCommon.vue'
	// import UsersInfo from './components/UsersInfo/UserInfo.vue'
	import UsersWallet from './components/UsersWallet/UsersWallet.vue'
	
</script>

<style scoped lang="scss">  
.userHomeBody{
	width: 100%;
	.userHomeBody-content{
		width: 100%;
		margin-top: 30rpx;
		.body-top{
			width: 100%;
			// background-color: rgb(247, 247, 247);
		}
	}
}

</style>